<div class="mz-res-filterbox" >

    <div class="mz-filterbox-header">
        <h3 class="mz-tvseries-title">{{programType}}查询</h3>
        <!--<span class="" ><a>+新建查询任务查询</a></span>-->
        <a class="buildNewMission" href="javascript:void(0)" ng-click="buildMn()">+新建查询任务</a>
    </div>
    <div class="selectedItems-box" ng-show="selectedCount>0">
        <ul class="selectedItems">
        </ul>
        <a href="javascript:void(0)" ng-click="resetData()" style="margin-left: 15px;">清空筛选条件</a>
    </div>
    <form role="form" ng-submit="processForm()">
        <div class="mz-filterbox-menu">

            <table class="table term-list-table">
                <tbody>
                <tr class="term-list" ng-show="timeRange.isItemShow" ng-if="timeRange.list.length>0">
                    <td class="term-list-title"><span ng-bind="timeRange.itemType"></span></td>
                    <td class="term-list-content">
                        <ul class="mz_category_item list-group" ng-class="{'mz-spread-list-group':timeRange.isSpreadShow,'mz-item-notspread':timeRange.isSpreadShow&&!timeRange.isItemSpread}">
                            <li class="list-group-item list-category_item" ng-class="{'checkboxShow':timeRange.isCheckBoxShow}" ng-repeat="times in timeRange.list">
                                <label ng-click="updateSubmitStatus('timeRange')">
                                    <input type="checkbox" name="timeRange" ng-model="formData['timeRange'][times.id]" hidden>
                                    <span class="category-item-value" ng-bind="times.name"></span>
                                </label>
                            </li>
                        </ul>
                        <span class="list-category_item mz-moreselect" ng-if="timeRange.list.length>=2"  ng-hide="timeRange.isCheckBoxShow" ng-click="toggleCheckbox(timeRange);">
                            <a>+多选</a>
                        </span>
                        <span class="list-category_item mz-moreselect mz-item-spread" ng-class="{'mz-item-notspread':!timeRange.isItemSpread}" ng-hide="!timeRange.isSpreadShow" ng-click="toggleItemSpread(timeRange);">
                            <a></a>
                        </span>
                        <div class="mz-moreselect-btns" ng-show="timeRange.isCheckBoxShow">
                            <button type="submit" class="mz-moreselect-confirm" ng-click="submitItem('timeRange');" ng-disabled="timeRange.submitDisable">确定</button>
                            <button type="reset" class="mz-moreselect-cancle"  ng-click="toggleCheckbox(timeRange);">取消</button>
                        </div>
                    </td>
                </tr>
                <tr class="term-list" ng-show="stars.isItemShow" ng-if="stars.list.length>0">
                    <td class="term-list-title  mz-detect-title" data-dt="stars"><span ng-bind="stars.itemType"></span></td>
                    <td class="term-list-content">
                        <div class='mz-alp-list-box' ng-class="{'mz-spread-list-group':stars.isSpreadShow}">
                                <span ng-if="stars.heightEnough" ng-show="stars.isItemSpread" class="mz-filter-alpha-box">
                                     <!--高于五行-->
                                    <div class="search-star-group">
                                        <span class="glyphicon glyphicon-search"></span>
                                        <input result-search-engine data-itemname="stars" class="search-star-input typeahead inputFocus" type="text" placeholder="搜索明星">
                                    </div>
                                    <div class="alphabet-item-list" ng-class="{'mz-spread-list-group':stars.isSpreadShow}">
                                        <ul class="alphabet-list">
                                            <li  ng-repeat="(starAlpha,starAlhaNames) in stars.alphabetList">
                                                <a ng-class="{'alphabet-selected':starAlpha=='全部'}" href="javascript:void(0)" ng-click="updateDataByAlpha($event,'stars',starAlpha)">{{starAlpha}}</a>
                                            </li>
                                            <div style="clear:both;"></div>
                                        </ul>
                                    </div>
                                </span>
                                <ul class="mz_category_item list-group" ng-class="{'mz-spread-list-group':stars.isSpreadShow,'mz-item-notspread':stars.isSpreadShow&&!stars.isItemSpread}">
                                    <li class="list-group-item list-category_item" ng-class="{'checkboxShow':stars.isCheckBoxShow}" ng-repeat="star in stars.list">
                                        <label ng-click="updateSubmitStatus('stars')">
                                            <input type="checkbox" name="stars" ng-model="formData['stars'][star.id]" hidden>
                                            <span class="category-item-value" ng-bind="star.name"></span>
                                        </label>
                                    </li>
                                </ul>
                            </div>
                             <span class="list-category_item mz-moreselect" ng-if="stars.list.length>=2" ng-hide="stars.isCheckBoxShow" ng-click="toggleCheckbox(stars);">
                                    <a>+多选</a>
                            </span>
                        <span class="list-category_item mz-moreselect mz-item-spread" ng-class="{'mz-item-notspread':!stars.isItemSpread}" ng-hide="!stars.isSpreadShow" ng-click="toggleItemSpread(stars);">
                            <a></a>
                        </span>
                        <div class="mz-moreselect-btns" ng-show="stars.isCheckBoxShow">
                            <button type="submit" class="mz-moreselect-confirm" ng-click="submitItem('stars');" ng-disabled="stars.submitDisable">确定</button>
                            <button type="reset" class="mz-moreselect-cancle"  ng-click="toggleCheckbox(stars);">取消</button>
                        </div>
                    </td>
                </tr>
                <tr class="term-list" ng-show="tvTypes.isItemShow" ng-if="tvTypes.list.length>0">
                    <td class="term-list-title  mz-detect-title" data-dt="tvTypes"><span ng-bind="tvTypes.itemType"></span></td>
                    <td class="term-list-content">
                        <ul class="mz_category_item list-group" ng-class="{'mz-spread-list-group':tvTypes.isSpreadShow,'mz-item-notspread':tvTypes.isSpreadShow&&!tvTypes.isItemSpread}">
                            <li class="list-group-item list-category_item" ng-class="{'checkboxShow':tvTypes.isCheckBoxShow}" ng-repeat="tvType in tvTypes.list">
                                <label ng-click="updateSubmitStatus('tvTypes')">
                                    <input type="checkbox" name="tvTypes" ng-model="formData['tvTypes'][tvType.id]" hidden>
                                    <span class="category-item-value" ng-bind="tvType.name"></span>
                                </label>
                            </li>
                        </ul>
                                    <span class="list-category_item mz-moreselect" ng-if="tvTypes.list.length>=2" ng-hide="tvTypes.isCheckBoxShow" ng-click="toggleCheckbox(tvTypes);">
                                        <a>+多选</a>
                                    </span>
                        <span class="list-category_item mz-moreselect mz-item-spread" ng-class="{'mz-item-notspread':!tvTypes.isItemSpread}" ng-hide="!tvTypes.isSpreadShow" ng-click="toggleItemSpread(tvTypes);">
                            <a></a>
                        </span>
                        <div class="mz-moreselect-btns" ng-show="tvTypes.isCheckBoxShow">
                            <button type="submit" class="mz-moreselect-confirm" ng-click="submitItem('tvTypes');"  ng-disabled="tvTypes.submitDisable">确定</button>
                            <button type="reset" class="mz-moreselect-cancle"  ng-click="toggleCheckbox(tvTypes);">取消</button>
                        </div>
                    </td>
                </tr>
                <tr class="term-list" ng-show="tvNames.isItemShow" ng-if="tvNames.list.length>0">
                    <td class="term-list-title  mz-detect-title" data-dt="tvNames"><span ng-bind="tvNames.itemType"></span></td>
                    <td class="term-list-content">
                           <div class='mz-alp-list-box' ng-class="{'mz-spread-list-group':tvNames.isSpreadShow}">
                                <span ng-if="tvNames.heightEnough" ng-show="tvNames.isItemSpread" class="mz-filter-alpha-box">
                                 <!--高于五行-->
                                <div class="search-tvname-group">
                                    <span class="glyphicon glyphicon-search"></span>
                                    <input result-search-engine data-itemname="tvNames" class="search-tvname-input typeahead inputFocus" type="text" placeholder="搜索{{programType}}名称">
                                </div>
                                <div class="alphabet-item-list" ng-class="{'mz-spread-list-group':tvNames.isSpreadShow}">
                                    <ul class="alphabet-list">
                                        <li  ng-repeat="(alpha,alhaNames) in tvNames.alphabetList">
                                            <a ng-class="{'alphabet-selected':alpha=='全部'}"  href="javascript:void(0)" ng-click="updateDataByAlpha($event,'tvNames',alpha)">{{alpha}}</a>
                                        </li>
                                        <div style="clear:both;"></div>
                                    </ul>
                                </div>
                            </span>
                               <ul class="mz_category_item list-group" ng-class="{'mz-spread-list-group':tvNames.isSpreadShow,'mz-item-notspread':tvNames.isSpreadShow&&!tvNames.isItemSpread}">
                                   <li class="list-group-item list-category_item" ng-class="{'checkboxShow':tvNames.isCheckBoxShow}" ng-repeat="tvName in tvNames.list">
                                       <label ng-click="updateSubmitStatus('tvNames')">
                                           <input type="checkbox" name="tvNames" ng-model="formData['tvNames'][tvName.id]" hidden>
                                           <span class="category-item-value" ng-bind="tvName.name"></span>
                                       </label>
                                   </li>
                               </ul>
                           </div>
                            <span class="list-category_item mz-moreselect" ng-if="tvNames.list.length>=2" ng-hide="tvNames.isCheckBoxShow" ng-click="toggleCheckbox(tvNames);">
                                <a>+多选</a>
                            </span>
                        <span class="list-category_item mz-moreselect mz-item-spread" ng-class="{'mz-item-notspread':!tvNames.isItemSpread}" ng-hide="!tvNames.isSpreadShow" ng-click="toggleItemSpread(tvNames);">
                            <a></a>
                        </span>
                        <div class="mz-moreselect-btns" ng-show="tvNames.isCheckBoxShow">
                            <button type="submit" class="mz-moreselect-confirm" ng-click="submitItem('tvNames');"  ng-disabled="tvNames.submitDisable">确定</button>
                            <button type="reset" class="mz-moreselect-cancle"  ng-click="toggleCheckbox(tvNames);">取消</button>
                        </div>
                    </td>
                </tr>
                <tr class="term-list" ng-show="terminals.isItemShow" ng-if="terminals.list.length>0">
                    <td class="term-list-title"><span ng-bind="terminals.itemType"></span></td>
                    <td class="term-list-content">
                        <ul class="mz_category_item list-group" ng-class="{'mz-spread-list-group':terminals.isSpreadShow,'mz-item-notspread':terminals.isSpreadShow&&!terminals.isItemSpread}">
                            <li class="list-group-item list-category_item" ng-class="{'checkboxShow':terminals.isCheckBoxShow}" ng-repeat="terminal in terminals.list">
                                <label ng-click="updateSubmitStatus('terminals')">
                                    <input type="checkbox" name="terminals" ng-model="formData['terminals'][terminal.id]" hidden>
                                    <span class="category-item-value" ng-bind="terminal.name"></span>
                                </label>
                            </li>
                        </ul>
                                    <span class="list-category_item mz-moreselect" ng-if="terminals.list.length>=2" ng-hide="terminals.isCheckBoxShow" ng-click="toggleCheckbox(terminals);">
                                        <a>+多选</a>
                                    </span>
                        <span class="list-category_item mz-moreselect mz-item-spread" ng-class="{'mz-item-notspread':!terminals.isItemSpread}" ng-hide="!terminals.isSpreadShow" ng-click="toggleItemSpread(terminals);">
                            <a></a>
                        </span>
                        <div class="mz-moreselect-btns" ng-show="terminals.isCheckBoxShow">
                            <button type="submit" class="mz-moreselect-confirm" ng-click="submitItem('terminals');" ng-disabled="terminals.submitDisable">确定</button>
                            <button type="reset" class="mz-moreselect-cancle"  ng-click="toggleCheckbox(terminals);">取消</button>
                        </div>
                    </td>
                </tr>
                <tr class="term-list" ng-show="channels.isItemShow" ng-if="channels.list.length>0">
                    <td class="term-list-title"><span ng-bind="channels.itemType"></span></td>
                    <td class="term-list-content">
                        <ul class="mz_category_item list-group" ng-class="{'mz-spread-list-group':channels.isSpreadShow,'mz-item-notspread':channels.isSpreadShow&&!channels.isItemSpread}">
                            <li class="list-group-item list-category_item" ng-class="{'checkboxShow':channels.isCheckBoxShow}" ng-repeat="chann in channels.list">
                                <label ng-click="updateSubmitStatus('channels')">
                                    <input type="checkbox" name="channels" ng-model="formData['channels'][chann.id]" hidden>
                                    <span class="category-item-value" ng-bind="chann.name"></span>
                                </label>
                            </li>
                        </ul>
                                    <span class="list-category_item mz-moreselect" ng-if="channels.list.length>=2" ng-hide="channels.isCheckBoxShow" ng-click="toggleCheckbox(channels);">
                                        <a>+多选</a>
                                    </span>
                        <span class="list-category_item mz-moreselect mz-item-spread" ng-class="{'mz-item-notspread':!channels.isItemSpread}" ng-hide="!channels.isSpreadShow" ng-click="toggleItemSpread(channels);">
                            <a></a>
                        </span>
                        <div class="mz-moreselect-btns" ng-show="channels.isCheckBoxShow">
                            <button type="submit" class="mz-moreselect-confirm" ng-click="submitItem('channels');" ng-disabled="channels.submitDisable">确定</button>
                            <button type="reset" class="mz-moreselect-cancle"  ng-click="toggleCheckbox(channels);">取消</button>
                        </div>
                    </td>
                </tr>
                <tr class="term-list" ng-show="languages.isItemShow" ng-if="languages.list.length>0">
                    <td class="term-list-title"><span ng-bind="languages.itemType"></span></td>
                    <td class="term-list-content">
                        <ul class="mz_category_item list-group" ng-class="{'mz-spread-list-group':languages.isSpreadShow,'mz-item-notspread':languages.isSpreadShow&&!languages.isItemSpread}">
                            <li class="list-group-item list-category_item" ng-class="{'checkboxShow':languages.isCheckBoxShow}" ng-repeat="language in languages.list">
                                <label ng-click="updateSubmitStatus('languages')">
                                    <input type="checkbox" name="languages" ng-model="formData['languages'][language.id]" hidden>
                                    <span class="category-item-value" ng-bind="language.name"></span>
                                </label>
                            </li>
                        </ul>
                                    <span class="list-category_item mz-moreselect" ng-if="languages.list.length>=2" ng-hide="languages.isCheckBoxShow" ng-click="toggleCheckbox(languages);">
                                        <a>+多选</a>
                                    </span>
                         <span class="list-category_item mz-moreselect mz-item-spread" ng-class="{'mz-item-notspread':!languages.isItemSpread}" ng-hide="!languages.isSpreadShow" ng-click="toggleItemSpread(languages);">
                            <a></a>
                        </span>
                        <div class="mz-moreselect-btns" ng-show="languages.isCheckBoxShow">
                            <button type="submit" class="mz-moreselect-confirm" ng-click="submitItem('languages');" ng-disabled="languages.submitDisable">确定</button>
                            <button type="reset" class="mz-moreselect-cancle"  ng-click="toggleCheckbox(languages);">取消</button>
                        </div>
                    </td>
                </tr>
                <tr class="term-list" ng-show="regions.isItemShow" ng-if="regions.list.length>0">
                    <td class="term-list-title"><span ng-bind="regions.itemType"></span></td>
                    <td class="term-list-content">
                        <ul class="mz_category_item list-group" ng-class="{'mz-spread-list-group':regions.isSpreadShow,'mz-item-notspread':regions.isSpreadShow&&!regions.isItemSpread}">
                            <li class="list-group-item list-category_item" ng-class="{'checkboxShow':regions.isCheckBoxShow}" ng-repeat="region in regions.list">
                                <label ng-click="updateSubmitStatus('regions')">
                                    <input type="checkbox" name="regions" ng-model="formData['regions'][region.id]" hidden>
                                    <span class="category-item-value" ng-bind="region.name"></span>
                                </label>
                            </li>
                        </ul>
                                    <span class="list-category_item mz-moreselect" ng-if="regions.list.length>=2" ng-hide="regions.isCheckBoxShow" ng-click="toggleCheckbox(regions);">
                                        <a>+多选</a>
                                    </span>
                        <span class="list-category_item mz-moreselect mz-item-spread" ng-class="{'mz-item-notspread':!regions.isItemSpread}" ng-hide="!regions.isSpreadShow" ng-click="toggleItemSpread(regions);">
                            <a></a>
                        </span>
                        <div class="mz-moreselect-btns" ng-show="regions.isCheckBoxShow">
                            <button type="submit" class="mz-moreselect-confirm" ng-click="submitItem('regions');" ng-disabled="regions.submitDisable">确定</button>
                            <button type="reset" class="mz-moreselect-cancle"  ng-click="toggleCheckbox(regions);">取消</button>
                        </div>
                    </td>
                </tr>
                <tr class="term-list" ng-show="sex.isItemShow" ng-if="sex.list.length>0">
                    <td class="term-list-title"><span ng-bind="sex.itemType"></span></td>
                    <td class="term-list-content">
                        <ul class="mz_category_item list-group" ng-class="{'mz-spread-list-group':sex.isSpreadShow,'mz-item-notspread':sex.isSpreadShow&&!sex.isItemSpread}">
                            <li class="list-group-item list-category_item" ng-class="{'checkboxShow':sex.isCheckBoxShow}" ng-repeat="se in sex.list">
                                <label ng-click="updateSubmitStatus('sex')">
                                    <input type="checkbox" name="sex" ng-model="formData['sex'][se.id]" hidden>
                                    <span class="category-item-value" ng-bind="se.name"></span>
                                </label>
                            </li>
                        </ul>
                                    <span class="list-category_item mz-moreselect" ng-if="sex.list.length>=2" ng-hide="sex.isCheckBoxShow" ng-click="toggleCheckbox(sex);">
                                        <a>+多选</a>
                                    </span>
                        <span class="list-category_item mz-moreselect mz-item-spread" ng-class="{'mz-item-notspread':!sex.isItemSpread}" ng-hide="!sex.isSpreadShow" ng-click="toggleItemSpread(sex);">
                            <a></a>
                        </span>
                        <div class="mz-moreselect-btns" ng-show="sex.isCheckBoxShow">
                            <button type="submit" class="mz-moreselect-confirm" ng-click="submitItem('sex');" ng-disabled="sex.submitDisable">确定</button>
                            <button type="reset" class="mz-moreselect-cancle"  ng-click="toggleCheckbox(sex);">取消</button>
                        </div>
                    </td>
                </tr>
                <tr class="term-list" ng-show="ages.isItemShow" ng-if="ages.list.length>0">
                    <td class="term-list-title"><span ng-bind="ages.itemType"></span></td>
                    <td class="term-list-content">
                        <ul class="mz_category_item list-group" ng-class="{'mz-spread-list-group':ages.isSpreadShow,'mz-item-notspread':ages.isSpreadShow&&!ages.isItemSpread}">
                            <li class="list-group-item list-category_item" ng-class="{'checkboxShow':ages.isCheckBoxShow}" ng-repeat="age in ages.list">
                                <label ng-click="updateSubmitStatus('ages')">
                                    <input type="checkbox" name="ages" ng-model="formData['ages'][age.id]" hidden>
                                    <span class="category-item-value" ng-bind="age.name"></span>
                                </label>
                            </li>
                        </ul>
                                    <span class="list-category_item mz-moreselect" ng-if="ages.list.length>=2" ng-hide="ages.isCheckBoxShow" ng-click="toggleCheckbox(ages);">
                                        <a>+多选</a>
                                    </span>
                        <span class="list-category_item mz-moreselect mz-item-spread" ng-class="{'mz-item-notspread':!ages.isItemSpread}" ng-hide="!ages.isSpreadShow" ng-click="toggleItemSpread(ages);">
                            <a></a>
                        </span>
                        <div class="mz-moreselect-btns" ng-show="ages.isCheckBoxShow">
                            <button type="submit" class="mz-moreselect-confirm" ng-click="submitItem('ages');" ng-disabled="ages.submitDisable">确定</button>
                            <button type="reset" class="mz-moreselect-cancle"  ng-click="toggleCheckbox(ages);">取消</button>
                        </div>
                    </td>
                </tr>
                <tr class="term-list" ng-show="cities.isItemShow" ng-if="cities.list.length>0">
                    <td class="term-list-title  mz-detect-title" data-dt="cities"><span ng-bind="cities.itemType"></span></td>
                    <td class="term-list-content">
                        <div class='mz-alp-list-box' ng-class="{'mz-spread-list-group':cities.isSpreadShow||isCityModalShow}">
                            <span ng-if="cities.heightEnough" ng-show="cities.isItemSpread" class="mz-filter-alpha-box">
                                 <!--高于五行-->
                                <div class="search-city-group">
                                    <span class="glyphicon glyphicon-search"></span>
                                    <input result-search-engine data-itemname="cities" class="search-city-input typeahead inputFocus" type="text" placeholder="搜索地域">
                                </div>
                                <div class="alphabet-item-list" ng-class="{'mz-spread-list-group':cities.isSpreadShow}">
                                    <ul class="alphabet-list">
                                        <li  ng-repeat="(alpha,alhaNames) in cities.alphabetList">
                                            <a ng-class="{'alphabet-selected':alpha=='全部'}" href="javascript:void(0)" ng-click="updateDataByAlpha($event,'cities',alpha)">{{alpha}}</a>
                                        </li>
                                        <div style="clear:both;"></div>
                                    </ul>
                                </div>
                            </span>
                            <ul class="mz_category_item list-group"  ng-class="{'mz-spread-list-group':cities.isSpreadShow||isCityModalShow,'mz-item-notspread':cities.isSpreadShow&&!cities.isItemSpread}">
                                <li class="list-group-item list-category_item" ng-class="{'checkboxShow':cities.isCheckBoxShow}" ng-repeat="city in cities.list">
                                    <label ng-click="updateSubmitStatus('cities')">
                                        <input type="checkbox" name="cities" ng-model="formData['cities'][city.id]" hidden>
                                        <span class="category-item-value" ng-bind="city.name"></span>
                                    </label>
                                </li>
                            </ul>
                        </div>
                                    <span class="list-category_item mz-moreselect" ng-hide="cities.isCheckBoxShow" ng-if="cities.list.length>=2" ng-click="toggleCheckbox(cities);">
                                        <a>+多选</a>
                                    </span>
                        <span class="list-category_item mz-moreselect mz-item-spread" ng-class="{'mz-item-notspread':!cities.isItemSpread}" ng-hide="!cities.isSpreadShow" ng-click="toggleItemSpread(cities);">
                            <a></a>
                        </span>
                        <span ng-click="initAction()" class="list-category_item mz-moreselect mz-city-tan" ng-if="isCityModalShow">
                                        <a data-toggle="modal" data-target="#choose-region">+其他</a>
                        </span>
                        <div class="mz-moreselect-btns" ng-show="cities.isCheckBoxShow">
                            <button type="submit" class="mz-moreselect-confirm" ng-click="submitItem('cities');" ng-disabled="cities.submitDisable">确定</button>
                            <button type="reset" class="mz-moreselect-cancle"  ng-click="toggleCheckbox(cities);">取消</button>
                        </div>
                    </td>
                </tr>
                </tbody>
            </table>
            <p ng-if="!collapseHidden" class="mz-collapse" ng-class="{'mz-spread-style':isSpread}">
                <span ng-click="listCollapse()"></span>
            </p>
        </div>
    </form>




    <div class="modal fade choose-region mz-res-modal" id="choose-region" tabindex="-1" role="dialog"
         aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog region-box-par">
            <div class="modal-content choose-region-box">
                <div class="modal-header choose-region-header">
                    <h4 class="modal-title choose-region-title" id="myModalLabel">
                        选择地域
                    </h4>
                        <span class="search-region-group">
                            <span class="glyphicon glyphicon-search"></span>
                            <input class="search-region-input typeahead" type="text" placeholder="搜索地域名称">
                        </span>
                </div>
                <div class="modal-body">
                    <div class="choose-city">
                        <ul id="myTab" class="nav nav-tabs choose-city-tab">
                            <li class="active">
                                <a href="#base-hot-city" data-toggle="tab">
                                    热门
                                </a>
                            </li>
                            <li><a href="#base-province" data-toggle="tab">按省</a></li>
                            <li class="">
                                <a href="#base-city" id="myTabDrop1" class=""
                                   data-toggle="tab">按市
                                </a>
                            </li>
                        </ul>
                        <div id="myTabContent" class="tab-content">
                            <div class="tab-pane fade in active city-boxes" id="base-hot-city">
                                <ul class="mz_category_item list-group hot-cities">
                                    <li  class="list-group-item list-category_item">
                                        <label>
                                            <input type="checkbox" name="cities" hidden ng-checked="selectInfo['cities']"  ng-click="selectAllCity()"><span class="category-item-value">全选</span>
                                        </label>
                                    </li>
                                    <li class="list-group-item list-category_item" ng-repeat="city in hotCities">
                                        <label>
                                            <input type="checkbox" name="cities" ng-click="checkSelectAllCity(city)" hidden ng-model="citySelectedData[city.id]"><span dynamic-add-ele data-dyn-type="city" class="category-item-value" ng-bind="city.name"></span>
                                        </label>
                                    </li>
                                    <div style="clear:both;"></div>
                                </ul>
                            </div>
                            <div class="tab-pane fade city-boxes" id="base-province">
                                <ul class="mz_category_item list-group hot-cities">
                                    <li class="list-group-item list-category_item" ng-repeat="city in baseProviceCities">
                                        <label>
                                            <input type="checkbox" name="cities" ng-click="addCityToScope(city)" hidden ng-model="citySelectedData[city.id]"><span dynamic-add-ele data-dyn-type="city" class="category-item-value"  ng-bind="city.name"></span>
                                        </label>
                                    </li>
                                    <div style="clear:both;"></div>
                                </ul>
                            </div>
                            <div class="tab-pane fade city-boxes" id="base-city">
                                <div class="alphabet-list-box">
                                    <ul class="alphabet-list">
                                        <li class="" ng-repeat="(alpha,alcities) in alphCities">
                                            <a href="#base-city#acIndex{{alpha | uppercase}}">{{alpha | uppercase}}</a>
                                        </li>
                                        <div style="clear:both;"></div>
                                    </ul>
                                </div>
                                <div class="has-all-city">
                                    <div ng-repeat="(alph,alcities) in alphCities">
                                        <span id="acIndex{{alph | uppercase}}" class="city-initial">{{alph | uppercase}}</span>
                                        <ul class="mz_category_item list-group hot-cities initial-city-list">
                                            <li class="list-group-item list-category_item" ng-repeat="city in alcities track by $index">
                                                <label>
                                                    <input type="checkbox" name="cities" ng-click="addCityToScope(city)"  hidden ng-model="citySelectedData[city.id]"><span dynamic-add-ele data-dyn-type="city" class="category-item-value" ng-bind="city.name"></span>
                                                </label>
                                            </li>
                                            <div style="clear:both;"></div>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="city-result">
                        <div class="city-result-title">已选择的地域(<span>0</span>)</div>
                        <div class="selected-city-list">
                            <div class="selected-cont">
                                <ul class="mz_category_item list-group selected-cities">

                                </ul>
                            </div>
                            <span class="remove-all-cities">清空已选地域</span>
                        </div>
                    </div>
                </div>
                <div class="modal-footer choose-city-footer">
                    <div class="select-city-btns">
                        <button data-dismiss="modal" type="button" class="btn btn-primary cancel-select-city">
                            取消
                        </button>
                        <button ng-click="citySubmit()" data-dismiss="modal" type="button" class="btn btn-primary finish-select-city">
                            完成
                        </button>
                    </div>
                </div>
            </div><!-- /.modal-content -->
        </div>
    </div><!--选择地域弹出框结束-->



</div>





